<style>
    .scroll-news { height: 16px; overflow: hidden; }
    .scroll-news a { color: #FF7E00; }
    .scroll-news .s-font{
        overflow:hidden;
    }
    #scroller-prev {
        background:#eee;
        width:10px;
        height:15px;
        border:none;
        cursor:pointer;
    }
    #sroller-next {
        background:#eee;
        width:10px;
        height:15px;
        border:none;
        cursor:pointer;
        margin-left:10px;
    }
    .disable{
        background:#000;
        width:10px;
        height:15px;
        border:none;
        position: absolute;
    }
    .hotbrandlist-btn{
        margin-left:120px;
    }
</style>
<div id="switchable-<{$widgets_id}>" class="scroll-news">
    <div class="s-font" style="height:<{$setting.switchable_height}>px;width:<{$setting.switchable_width}>px;">
        <ul id="news-items" class="news-items">
            <{foreach from=$setting.texts item=data key=key}>
            <li style="height:<{$setting.switchable_height}>px;width:<{$setting.switchable_width}>px;" class="switchable-panel"><a href="<{$data.linktarget}>" target="_blank"><{$data.link}></a></li>
            <{/foreach}>
        </ul>
        <{if $setting.haslrbtn eq 'true'}>
        <div class="hotbrandlist-btn">
            <span id="<{if $setting.effect=='scrollx'}>scroller-prev<{else}>scroller-up<{/if}>" class="prev">f</span>
            <span id="<{if $setting.effect=='scrollx'}>scroller-next<{else}>scroller-down<{/if}>" class="next">b</span>
        </div>
        <{/if}>
    </div>

</div>
<script>
    new Switchable('switchable-<{$widgets_id}>', {
            haslrbtn:<{$setting.haslrbtn|default:false}>,
            interval: <{$setting.interval|default:1000}>,
            duration: <{$setting.duration|default:500}>,
            effect: "<{$setting.effect|default:'scrollx'}>",
            autoplay:<{$setting.autoplay|default:true}>,
            hasTriggers:false,
            disableCls: 'disable',
            circular:true
    });
</script>
